<template>
  <!-- 面包屑组件 -->
  <el-col class="mb">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item class="fs-16">首页</el-breadcrumb-item>
      <el-breadcrumb-item class="fs-16">系统管理</el-breadcrumb-item>
      <el-breadcrumb-item class="fs-16">{{ m }}</el-breadcrumb-item>
    </el-breadcrumb>
  </el-col>
</template>

<script setup lang="ts">
import { ref, onMounted, defineExpose } from 'vue'
import { useRoute } from 'vue-router'
const route = useRoute()

let m = ref('')
onMounted(() => {
  m.value = String(route.meta.title)
  // console.log(m)
})
defineExpose({ m })
</script>

<style scoped>
.mb {
  height: 50px;
  display: flex;
  align-items: center;
}
</style>
